<!-- nav bar -->
<app-navbar></app-navbar>

<!-- Main Content -->
<div class="container">
    <div class="row">

        <!-- left Search Content -->
        <div class="col-md-3">
            <app-search></app-search>
        </div>

        <!-- right Carousel轮播 -->
        <div class="col-md-9">
            <!-- 轮播图 carousel -->
            <div class="row">
                <app-carousel></app-carousel>
            </div>
            <!-- Product Info -->
            <div class="row">
                <app-product></app-product>
            </div>
        </div>

    </div>

</div>


<!-- Footer -->
<app-footer></app-footer>